<template>
	<view>


<!--首页-区块标题-最新资讯-->
<view class='qukuai'>
  <view class='qukuai-shuxian'></view>
  <text class='qukuai-biaoti'>所有资讯</text>
  <navigator class='qukuai-gengduo' url=''></navigator>
</view>

<!--首页-最新资讯-->
<navigator class='zixun'>
  <text class='zixun_biaoti'>2021年春节公司放假通知</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年2月上班延迟通知，随时更新</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年春节祝贺大家新春愉快，全家欢乐</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年春节放假通知</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年年夜饭时间，请大家准时参加</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2021年春节公司放假通知</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年2月上班延迟通知，随时更新</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年春节祝贺大家新春愉快，全家欢乐</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年春节放假通知</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年年夜饭时间，请大家准时参加</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2021年春节公司放假通知</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年2月上班延迟通知，随时更新</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年春节祝贺大家新春愉快，全家欢乐</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年春节放假通知</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>
<navigator class='zixun'>
  <text class='zixun_biaoti'>2020年年夜饭时间，请大家准时参加</text>
  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
</navigator>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'd页面d'
			}
		},
		onLoad() {

		},
		methods: {

		},
		onReachBottom:function(){
			console.log("我到了底部了")
		}
	}
</script>

<style>

/*区块标题-最新产品*/
.qukuai {
  display: flex;
  margin: 2px;
  background-color: aliceblue;
  align-items: center;
}

.qukuai-shuxian {
  width: 3px;
  height: 15px;
  background-color: green;
  margin: 5px;
  box-shadow: 2px 2px 2px gainsboro;
}

.qukuai-biaoti {
  color: gray;
  text-shadow: 2px 2px 2px gainsboro;
  flex: 1;
  margin-left: 1px;
  align-self: center;
}

.qukuai-gengduo {
  color: gray;
  text-shadow: 2px 2px 2px gainsboro;
}

/*最新资讯*/
.zixun {
  display: flex;
  border-bottom: 1px solid gainsboro;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  /*text-overflow: ellipsis;*/
}

.zixun_biaoti {
  flex-grow: 1;
  padding: 5px;
  align-items: center;
}

.zixun_tubiao {
  width: 16px;
  height: 16px;
  align-self: center;
}


</style>
